<template>
  <div class="home">
    <div class="center">
      <!-- 用于页面缓存,不多次发请求 -->
      <keep-alive include="find">
        <router-view></router-view>
      </keep-alive>
    </div>
    <div class="footer">
      <van-tabbar
        route
        inactive-color="#b4b4bd"
        active-color="#e40137"
        v-if="$route.meta.needShow"
      >
        <van-tabbar-item to="/Home/Enterprise">
          <template #icon>
            <i class="iconfont">&#xe63b;</i>
          </template>
          公司
        </van-tabbar-item>
        <van-tabbar-item to="/Home/Question">
          <template #icon>
            <i class="iconfont">&#xe63f;</i>
          </template>
          刷题
        </van-tabbar-item>
        <van-tabbar-item to="/Home/Find">
          <template #icon>
            <i class="iconfont">&#xe646;</i>
          </template>
          发现
        </van-tabbar-item>
        <van-tabbar-item to="/Home/My">
          <template #icon>
            <i class="iconfont">&#xe645;</i>
          </template>
          我的
        </van-tabbar-item>
      </van-tabbar>
    </div>
  </div>
</template>
<script>
export default {}
</script>
<style lang="less" scoped>
.footer {
  /deep/ .van-tabbar {
    padding-top: 7px;
  }
  .iconfont {
    font-size: 25px;
  }
}
</style>
